<div class="login">
	<div class="login-content ui-state-default ui-corner-bl" >
		<span>Hi, Nguyen Phuc Loc</span></br>
		<a href="<?=base_url()?>index.php/account/changePassword/">
			<img class="icon" src="<?=base_url()?>images/icon/changepassword.png">
			<span>Change Password</span>
		</a></br>
		<a href="<?=base_url()?>index.php/">
			<img class="icon" src="<?=base_url()?>images/icon/logout">
			<span>Log out</span>
		</a>
	</div>
	<button id="btn-login" class="btn-login ui-state-default ui-corner-bottom">
			<img src="<?=base_url();?>images/icon/account.png" class="icon">
			<span>Profile</span>
	</button>
</div>
<script type="text/javascript">
	//profile event
	$('#btn-login').click(function(){
		$('.login-content').slideDown();
	}).parent('.login').mouseleave(function(){
		$('.login-content').slideUp();
	});
</script>